<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:gp="http://java.sun.com/jsf/composite/gpymes"
                template="/plantilla.xhtml"
                xmlns:f="http://java.sun.com/jsf/core">

    <ui:define name="titulo">
       Calcula Cuotas
    </ui:define>

    <ui:define name="cuerpo">
      


            <h:form>
                <p:focus for="montoPrestamo"/>
                <h:panelGrid columns="4">
                    
                    <h:outputText value="Nro Documento"/>
                    <gp:autoCompleteCliente elegido="#{prestamoBean.actual.cliente}"/>
                     <p:spacer/>
                    <p:spacer/>
                    
                    <h:outputText value="Monto Préstamo"/>
                    <p:inputText value="#{prestamoBean.actual.capital}"  id="montoPrestamo">
                        <p:ajax event="blur" update="montoPrestamo"/>
                        <f:convertNumber locale="#{formato.locale}"/>
                    </p:inputText>
                    <h:outputText value="Monto Gastos"/>
                    <h:inputText value="#{prestamoBean.actual.gastos}">
                        <f:convertNumber locale="#{formato.locale}"/>
                    </h:inputText>
                    <h:outputText value="Plazo"/>
                    <h:inputText value="#{prestamoBean.actual.plazo}"/>
                    <h:outputText value="Tasa"/>
                    <h:inputText value="#{prestamoBean.actual.tasa}"/>
                    <h:outputText value="Periodicidad de Pago"/>
                    <h:selectOneMenu value="#{prestamoBean.actual.periodoPago}">
                        <f:selectItems value="#{productorEnums.obtPeriodosPago()}"/>
                    </h:selectOneMenu>
                    <h:outputText value="Sitema de Amotización"/>
                    <p:selectOneMenu value="#{prestamoBean.actual.sistemaAmortizacion}">
                        <f:selectItems value="#{productorEnums.obtSistemasAmortizacion()}"/>
                    </p:selectOneMenu>
                    <h:outputText value="Monto Cuota"/>
                    <h:inputText value="#{prestamoBean.actual.montoCuota}">
                        <f:convertNumber locale="#{formato.locale}" maxFractionDigits="2"/>
                    </h:inputText>
                    <p:spacer/>
                    <p:spacer/>
                    <h:outputText value="Total Interes"/>
                    <h:inputText value="#{prestamoBean.actual.totalIntereses}">
                        <f:convertNumber locale="#{formato.locale}" maxFractionDigits="2"/>
                    </h:inputText>
                    <p:spacer/>
                    <p:spacer/>
                    <h:outputText value="Total Operacion"/>
                    <h:inputText value="#{prestamoBean.actual.totalOperacion}">
                        <f:convertNumber locale="#{formato.locale}" maxFractionDigits="2"/>
                    </h:inputText>
                    <p:spacer/>
                    <h:commandButton value="Calcular" action="#{prestamoBean.calcular()}"/>
                </h:panelGrid>
                <p:dataTable value="#{prestamoBean.actual.detalles}" var="d">
                    <p:column headerText="Cuota">
                        <h:outputText value="#{d.nroCuota}"/>
                    </p:column>
                    <p:column headerText="Saldo Capital">
                        <h:outputText value="#{d.saldoCapital}">
                            <f:convertNumber locale="#{formato.locale}" maxFractionDigits="2"/>
                        </h:outputText>
                    </p:column>
                    <p:column headerText="Monto cuota">
                        <h:outputText value="#{d.montoCuota}">
                            <f:convertNumber locale="#{formato.locale}" maxFractionDigits="2"/>
                        </h:outputText>
                    </p:column>
                    <p:column headerText="Vencimiento">
                        <h:outputText value="#{d.fechaVencimiento}">
                            <f:convertDateTime pattern="#{formato.patronFecha}"/>
                        </h:outputText>
                    </p:column>
                    <p:column headerText="Cuota Capital">
                        <h:outputText value="#{d.cuotaCapital}">
                            <f:convertNumber locale="#{formato.locale}" maxFractionDigits="2"/>
                        </h:outputText>
                    </p:column>
                    <p:column headerText="Cuota Interes">
                        <h:outputText value="#{d.cuotaInteres}">
                            <f:convertNumber locale="#{formato.locale}" maxFractionDigits="2"/>
                        </h:outputText>
                    </p:column>
                </p:dataTable>
                
                <h:commandButton value="Crear" action="#{prestamoBean.create()}"/>

            </h:form>

      
    </ui:define>

</ui:composition>

